iT邦幫忙

2024 iThome 鐵人賽

DAY 30
0
Modern Web

Vue 和 TypeScript 的最佳實踐:成為前端工程師的進階利器系列 第 30

Day 30: 最終結語:前端工程師素養與思維,台灣前端軟體工程師的困境和未來

  • 分享至 

  • xImage
  •  

https://ithelp.ithome.com.tw/upload/images/20240927/20117461zvWGXl0tnl.jpg

引言

在這個為期30天的前端開發之旅中,我們探索了許多先進的技術和最佳實踐。今天,我們將把目光投向更廣闊的視野,討論前端工程師應具備的素養和思維,並特別關注台灣前端軟體工程師所面臨的挑戰和未來發展方向。

前端工程師的核心素養

  1. 持續學習的能力:前端技術發展迅速,工程師必須具備持續學習的熱情和能力。

  2. 跨領域思考:優秀的前端工程師不僅精通前端技術,還需要了解後端、設計、用戶體驗等相關領域。

  3. 問題解決能力:能夠快速定位和解決複雜問題是前端工程師的關鍵技能。

  4. 團隊協作:良好的溝通能力和團隊合作精神對於大型項目的成功至關重要。

  5. 用戶導向思維:始終以用戶需求為中心,創造直觀、高效的用戶界面。

前端工程師的思維模式

  1. 系統性思考:將複雜的前端架構視為一個整體系統,而不是孤立的組件。

  2. 性能優先:在開發過程中始終考慮應用的性能影響。

  3. 安全意識:理解並實施前端安全最佳實踐,如防止XSS攻擊。

  4. 可擴展性設計:構建能夠輕鬆擴展和維護的代碼架構。

  5. 測試驅動開發:培養編寫自動化測試的習慣,確保代碼質量。

台灣目前前端的困境以及我觀察的

技術更新與公司技術棧的落差

  1. 許多公司因資源和人力的限制,無法及時更新技術棧,導致工程師無法在工作中接觸到最新的技術。這使得工程師需要花大量時間在下班後進行自學,導致工作與生活的失衡。

  2. 許多公司對於前端角色的定位仍停留在「實作」層面,忽略了策略、架構設計等更高階的技能。這使得工程師在工作多年後,難以突破瓶頸。

我可以做更好,和補齊的部分

  • typescript 深度更進階
  • Nuxt 更深度探討和實作案例
  • 測試的強化以及 vitest 的功能,更多提及 storybookplaywright 部分
  • 元件更多更普及和強化
  • plugin : 針對 vue 的 plugin 進行撰寫

個人寫 30 天鐵人賽的感想和心得 - 最後結語

坦白說,在這 30 天的歷程中,我有考慮要寫得深一點,還是寫得廣一點。在這兩個面向上掙扎。大概在 10-20 之間我考慮往比較深的面向去探討,
但也盡可能吻合實際的開發狀況。有時候為了把整體內容完整,反而寫得太多。變得我後面要更近一步解釋一些事情。或刪減篇幅。

(有些文章我當初寫到超過行數 2000 行)

本文並不是面向初學者的文章,我也在我的開發歷程中,發現很多前端只在乎 UI/UX 本身,但不注重 DX 和程式設計上面的嚴謹性。
但如果寫得太深,又會有些人可能放棄看我的文章,我希望我的族群某些層面面向中階到高階這區間的工程師。
但根據在職場的經驗,新手前端還是非常非常多的,如果要探究我文章的一些細節要懂不少或實際應用 typescript 的知識,
本來想寫另外一篇 typescript 的相關文章,但個人精力有限,只能在寫 vue 的文章同時,部分提到 typescript 本身的一些應用。
畢竟 30 天給予的知識量非常有限,知識密度可能比較零散,但即便如此,可能對於中低階的新手非常足夠,但對於超級老手,很多要提及的東西沒提及。
請原諒我對於很多細節只是稍微帶過,如果未來有機會得獎或出書,可能就要把細節和更進一步的東西補齊。
這30 天的文章只能說是對新手跨越到老手的敲門磚,我只能說我盡最大的努力完成這 30 天的文章和歷程了。

也謝謝讀者們可以耐心的看完,如果你看到這了,那可能已經看完我前面 29 天的程式碼摧殘了!


上一篇
Day 29: Nuxt3 中的路由管理以及 Middleware:如何結合 TypeScript 實現靈活的路由系統
系列文
Vue 和 TypeScript 的最佳實踐:成為前端工程師的進階利器30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
1
切版姐姐
iT邦新手 2 級 ‧ 2024-10-14 10:05:05

恭喜完賽~~

MichaelHo iT邦新手 4 級 ‧ 2024-10-14 18:55:18 檢舉

謝謝切版姊姊的鼓勵!雖然圖片是小新的媽媽XD

1
nihilitypeo
iT邦新手 4 級 ‧ 2024-10-14 15:41:52

謝謝分享,看得很過癮

MichaelHo iT邦新手 4 級 ‧ 2024-10-14 18:55:53 檢舉

不客氣!往後會分享更多內容!如果願意幫我宣傳再好不過了!

1
Alex Liu
iT邦新手 4 級 ‧ 2024-10-14 20:09:51

恭喜完賽!

這個系列的每一篇我都有追並且拿來檢視我現在使用的架構,發現了許多共通之處,更多的是一些整合的分享,這些部分都給我了很多靈感與啟發。

最後這篇真的就是滿滿的共鳴了,感謝這麼精彩的系列,也期待未來看到大大更多的分享 💚

MichaelHo iT邦新手 4 級 ‧ 2024-10-15 00:06:05 檢舉

感謝你的回應!你的文章聽說很多人看!沒想到你有來看我的文

我寫得東西有些太深入,所以應該不一定會很多人看XD 為了稍微親民,我並沒有寫到 plugin 的部分,前端要深可以深如馬里雅納海溝,我怕我寫得太深會有很大的斷層會讓人看不懂。如果是 60 天鐵人賽的話說不定可以寫到那,但其實寫到 30 天已經讓我很累了XD到後面會懶得給太大的實例。

謝謝你!如果未來我文章有獲獎的話我承諾會寫得比較深入。

我要留言

立即登入留言